Совершенно не обязательно быть дизайнером или иллюстратором, чтобы иметь персонализированный стикерпак для мессенджера. Если в голове давно родилась идея для набора "наклеек", то с помощью этой инструкции ее можно воплотить в жизнь. Небольшой лайфхак - именным стикерпаком можно даже поздравить кого-то с днем рождения, благо, сейчас фотографии любимой учительницы или лучшей подруги можно спокойно найти в соцсетях, не рискуя раскрыть интриги подарка.
Если вы знакомы с принципом создания .png файлов в Adobe Photoshop или PicsArt, то можете пропустить шаг формирования заготовок и перейти сразу к инструкции по загрузке стикерпака. Для остальных - пара слов о создании "обтравленных" изображений, аналогом которых в реальном мире является вырезание картинок по контуру для создания из них коллажей на чистом листе бумаги.
Обтравка — это отделение предмета от фона, при необходимости с последующей заменой фона на прозрачный, однородный белый либо цветной. При этом в некоторых случаях оставляют или дорисовывают падающую тень, отражение или блик от объекта.
Photoshop (десктопная версия) и PicsArt (приложение для IOS и Android) основаны на принципе послойного редактирования, на компьютере вырезать картинку для будущего стикера по контуру получится гораздо быстрее и аккуратнее, но в приложении, если компьютера под рукой нет, это тоже возможно.
1. Заготовки для стикеров в Adobe Photoshop
Способ 1. Создание обтравочной маски на основе выделенной области:
Основные инструменты создания выделенной области
Rectangular Marquee Tool (Прямоугольная область выделения), Elliptical Marquee Tool (Овальная область выделения), Single Row Marquee Tool (Горизонтальная строка), Single Column Marquee Tool (Вертикальная строка) — все эти инструменты предназначены для выделения на основе простых геометрических форм.
На верхней панели вы можете настроить основные параметры их работы.
Режимы взаимодействия с другими выделениями: New selection (Новая выделенная область), Add to selection (Добавить к выделенной области), Subtract from selection (Вычитание из выделенной области), Intersect with selection (Пересечение с выделенной областью).
Если ваш объект включает в себя чёткие геометрические формы, вы можете использовать один из этих инструментов для его выделения. Просто выберите инструмент, затем с его помощью выделите область на вашем изображении, которую хотите "вырезать", появится пунктирное выделение области, которую вы затем правым кликом мыши можете копировать на новый слой. Если после этого удалить первый слой (с которого вы вырезали изображение), вырезанная область окажется на прозрачном фоне.
Минус этого инструмента в том, что он не позволяет выделять объекты сложной формы.
Lasso Tool (Лассо), Polygonal Lasso Tool (Полигональное лассо), Magnetic Lasso Tool (Магнитное лассо) — инструменты, позволяющие вручную рисовать выделенные области.
Lasso Tool (Лассо) позволяет рисовать произвольную линию выделения таким же образом, как если бы вы рисовали её контур ручкой или карандашом на бумаге. Необходимо просто нажать инструментом, поставив исходную точку на изображении, а затем начать вести линию, удерживая нажатой кнопку мыши. Чтобы замкнуть контур области выделения, необходимо довести линию обратно к начальной точке либо нажать клавишу Enter.
Poligonal Lasso Tool (Полигональное лассо) позволяет рисовать произвольную линию выделения, состоящую из прямых отрезков. Необходимо нажать инструментом, поставив исходную точку на изображении, после чего от неё потянется прямая линия. Кликая мышью, вы будете ставить новые опорные точки, "закрепляя" отрезки линии. Чтобы замкнуть контур области выделения, необходимо довести линию обратно к начальной точке (при приближении к ней появится всплывающий значок "0"), либо нажать клавишу Enter.
Magnetic Lasso Tool (Магнитное лассо) — это инструмент, который автоматически ищет края, когда вы двигаете курсором вокруг объекта, и прилипает к ним, как магнит, создавая выделенную область. Magnetic Lasso работает, вычисляя различия в пикселях по цветам и уровням яркости между выделяемым объектом и фоном.
На верхней панели вы можете настроить основные параметры его работы:
Width (Ширина) — размер участка, в котором Photoshop ищет края объекта.
Contrast (Контраст края) — различие в значении цвета или яркости между объектом и фоном, чтобы считать какую-то область краем.
Frequency (Частота) — параметр, определяющий как часто будут добавляться опорные точки при создании контура выделения.
Magic Wand Tool (Волшебная палочка) и Quick Selection Tool (Быстрое выделение) — инструменты, работающие по принципу выделения схожих по цвету пикселей.
На верхней панели вы можете настроить основные параметры работы "Волшебной палочки":
Tolerance (Допуск) — параметр, отвечающий за степень близости по цвету выделяемых пикселей. Чем меньше его значение, тем меньшее количество цветов попадёт в диапазон выделения. Чем больше его значение, тем больше пикселей, отличающихся по цвету, будет выделено.
Contiguous (Смежные пиксели). Если установить галочку на этом параметре, будут выделяться только схожие по цвету пиксели, находящиеся рядом друг с другом. При выключенной галочке они будут выделяться на всей области изображения.
Quick Selection Tool (Быстрое выделение) так же, как и Magic Wand, работает по принципу выделения схожих по цвету пикселей, имеет форму кисти и позволяет выделять объекты сложной формы с контрастными краями. По мере перемещения кисти Adobe Photoshop автоматически определяет края объекта и расширяет выделенную область.
Диапазон воздействия этого инструмента регулируется размером кисти.
Чаще всего я использую несколько инструментов - топорные Rectangular Marquee Tool (Прямоугольная область выделения), Elliptical Marquee Tool (Овальная область выделения), Single Row Marquee Tool (Горизонтальная строка), Single Column Marquee Tool (Вертикальная строка) для задания общего контура обтравки, Poligonal Lasso Tool (Полигональное лассо) для уточнения контура, и фильтр Пластика для того, чтобы сгладить неровностей контура, остающихся часто после применения Poligonal Lasso Tool
После создания выделенной области вокруг объекта при помощи одного или нескольких из вышеперечисленных инструментов можно также применить растушёвку выделенной области (Feather), чтобы края обтравленного объекта не выглядели на новом фоне слишком резкими. Для этого я использую команду Select - Modify - Feather либо комбинацию клавиш Shift+F6 на клавиатуре. Радиус растушёвки (Feather Radius) лучше ставить на значении 2 пикселя.
Если изображение имеет неровные края (например, волосы или мех) и созданная вами выделенная область не настолько точна, вы можете попробовать настроить её параметры при помощи команды Select - Refine Edge (Уточнить край). Для этого необходимо, чтобы выделенная вами область охватывала объект, а не фон. Если у вас изначально был выделен фон, необходимо сделать инверсию выделенной области, выполнив команду Select - Inverse либо нажав комбинацию клавиш Shift+Ctrl+I на клавиатуре.
Теперь из выделенной области создадим маску для нашего слоя, ею мы скроем фон вокруг объекта.
Можно просто удалить ненужный фон, нажав кнопку Delete, но тогда мы не сможем при необходимости внести изменения и заново отредактировать контур изображения. Создав из выделенной области маску, которая лишь скроет из видимости, но не удалит ненужную нам часть изображения, мы будем иметь возможность в любой момент её отредактировать.
Для этого я разблокирую слой Background в палитре Layers, два раза нажав левой кнопкой мыши на иконку с замочком.
После необходимо нажать на кнопку Add layer mask (Добавить слой-маску) внизу палитры Layers.
Маска оставит видимым на слое ту часть изображения, которую охватывает выделенная область, а всё, что за её пределами, станет невидимым.
У меня на фото выделенная область охватывает фон, но мне нужно оставить видимым объект, а фон как раз скрыть. Для этого при нажатии на кнопку Add layer mask в палитре Layers я одновременно нажимаю клавишу Alt на клавиатуре. Эта команда сделает инверсию маски.
Таким образом мы поступаем со всеми изображениями, которые должны стать стикерами. Например, если вы делаете стикеры в виде лиц подруги с разными выражениями лица, вы находите несколько различных фото, где она плачет-смеется-жует, и по очереди вырезаете из них ее голову.
Стандартный размер стикера Telegram - 512х512 пикселей, максимальный вес картинки может быть не более 350 килобайт. Ваше исходное изображение, вероятнее всего, не квадратной формы и большего разрешения. Поэтому финальным этапом до сохранения будут кадрирование и уменьшение размера изображения.
Также вам потребуется добавить белую обводку к изображению. Для этого нужно левой кнопкой кликнуть по названию слоя в перечне слоев, в табличке Стиль слоя поставить чекбокс напротив команды Выполнить обводку, нажать на Выполнить обводку левой кнопкой мыши и в настройках команды установить размер 10-15 пикселей, цвет - белый, положение - снаружи, режим наложения - нормальный, после чего нажатием ОК закрыть диалоговое окно. Если все сделали правильно, вокруг вашего изображения появится белая контурная обводка.
Сохраните результат в формате .png - это важно, потому что только в этом случае вырезанное изображение сохраняется без фона, если обтравленное изображение сохранить в привычном .jpeg - вся область прозрачного фона заместится автоматически белым цветом, и все усилия по обтравке окажутся напрасными.
2. Заготовки для стикеров в Pics Art Studio
Большинство функций приложения Pics Art доступны и для пользователей IOS, и Android абсолютно бесплатно. Но если вам мешает реклама, вы хотите больше полезных функций и библиотек фильтров и изображений - можно приобрести на год и месяц лицензию Pics Art Gold.
Нажмите на розовый знак PLUS в нижней ленте, чтобы начать. Нажмите "Изменить" и выберите изображение, с которого вы хотите создать стикер. Используйте инструменты вырезания и отрежьте нужную секцию с изображения. Инструмент Cutout является оснащен точным распознаванием края, что позволяет создавать идеальные вырезы. Вы можете сохранить эти наклейки на PicsArt публично или для личного пользования выгрузить результат на свое устройство.
1. На начальном экране, прокрутив его вниз, выберите для изображения прозрачный фон.
2. На панели инструментов выберите Добавить фото, выберите нужное из библиотеки на устройстве или из встроенной в Pics Art библиотеки бесплатных изображений (на тарифе Gold приличных фотографий и стикеров в разы больше).
3. Выбранное изображение можно масштабировать ну нужных размеров растягиванием или зажав стрелочку в углу рамки изображения.
4. Инструмент "Вырез" позволит отсечь лишнее от будущего стикера.
5. Можно задать контур автоматически или вручную, выбрав инструмент "Контур".
6. Контуры можно уточнить инструментом "Ластик".
7. Нажатием на кнопку просмотр вы можете скрыть то, что за границами контура, чтобы убедиться, что все хорошо, и после в правом верхнем углу нажатием на стрелку "Далее" перейти к сохранению файла стикера.
8. Не забудьте поставить чекбокс "Сохранить как стикер" (это аналог сохранения в .png формате, сохраняется прозрачность фона).
На этом можно и закончить, но если вы делаете стикер именно для Telegram, то перед сохранением не забудьте изменить размер изображения до 512px и добавить белую обводку.
3. Загрузка стикеров в Telegram
Если уже есть заготовки к картинкам и установлен Telegram (мобильная или десктопная версия), нужно написать любое сообщение специальному боту - @Stickers (наберите его в поисковой строке - общей для ботов, чатов и каналов) и запустите бот (команда start). В ответ бот предложит следующий набор команд:
/newpack - создать новый набор стикеров
/addsticker - добавить стикер в набор
/delsticker - удалить стикер из набора
/ordersticker - переставить местами
/cancel - отменить предыдущее действие
Выбираем первую команду и отправляем ее боту. Далее он предложит выбрать имя для нового пакета стикеров (просто введите название в строке чата и нажмите клавишу ввода), а следом прислать файл с картинкой для первого стикера и эмодзи, которое будет соответствовать первому стикеру. Бот будет подсказывать, что следует прислать и в каком порядке. Изображение для будущего стикера нужно прикрепить через меню File, которое появляется при нажатии на изображение скрепки, чтобы качество изображения не пережалось в процессе отправки.
Присылать картинки следует по одной, и после каждого файла бот будет присылать сообщение о том, сколько картинок уже находятся в стикерпаке - это признак того, что вы все делаете правильно. Для каждой картинки бот предложит вам прислать описывающий ее эмодзи (от одного до трех - оптимально) - на этом этапе можно проявить всю свою креативность. Когда все картинки загружены, вы посылаете боту команду /publish и следом - иконку в формате 100х100рх, которая будет являться, своего рода, обложкой вашего набора.
После того, как стикерпак опубликован, вы можете использовать его в переписках, а также экспортировать и добавить в мессенджер WhatSapp.
4. Загрузка стикеров в WhatsApp
Для того, чтобы достать ваш любимый стикер-пак из мессенджера Павла Дурова, вам потребуется выполнить несколько действий. Приступим:
Откройте Telegram.
Откройте меню и перейдите в раздел "Настройки".
Выберите пункт "Настройки чатов".
Прокрутите вниз и откройте подраздел "Стикеры и маски".
Нажмите кнопку с тремя точками справа от названия любимого стикер-пака, в открывшемся меню нужно выбрать "Копировать ссылку".
Теперь нам понадобится помощь бота Sticker Downloader (найдите его через поисковую строку и активируйте).
После запуска бота нажмите кнопку Settings и выберите webp only.
Отправьте боту скопированную ссылку и он через некоторое время пришлет вам архив со стикерами, который можно сохранить, например, в "Загрузки".
С помощью файл-менеджера вашего устройства распакуйте полученный архив.
Установите и откройте приложение Personal Sticker и оно автоматически обнаружит скачанный стикер-пак.
Нажмите значок с «+» в нижней части экрана справа.
Вы увидите все скачанные стикеры, задайте имя набору и выберите все необходимые наклейки.
